<template>
	<!-- v-cloak
	https://vuejs.org/api/built-in-directives.html#v-cloak
	Used to hide un-compiled template until it is ready.
	-->
	<component v-cloak :is="Icon" v-bind="props"></component>
	<!--<icon v-cloak v-bind="props"></icon>-->

	<!-- todo 支持webcomponent的形式
			 https://icon-sets.iconify.design/ep/chat-dot-round/
			 Code for "chat-dot-round" for developers: 选择 HTML - Web Component
		-->
</template>

<script setup lang="ts">
import { Icon, type IconProps } from '@iconify/vue'

const props = defineProps<IconProps>()
</script>

<style scoped></style>
